<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>页面布局</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>
<div class="layui-container">
    <div class="layui-row layui-col-space10">
        <!--偏移4列，从左向右，设置在列上（自身容器的12等分）-->
        <div class="layui-col-md3 layui-col-md-offset4">
            <div class="grid-demo" style="background: red">1/4</div>
        </div>
        <div class="layui-col-md3">
            <div class="grid-demo" style="background: red">1/4</div>
        </div>
        <div class="layui-col-md3">
            <div class="grid-demo" style="background: red">1/4</div>
        </div>
        <div class="layui-col-md3">
            <div class="grid-demo" style="background: red">1/4</div>
        </div>
    </div>
</div>

<script src="/layui/layui.js"></script>
<script>
    // layui.use('form', function(){
    //     var form = layui.form;
    // });
</script>
</body>
</html>

